.contexter * {
  border: 1px solid red;
}
.contexter .top {
  position: relative;
  height: 170px;
  background: #e69d16;
}
.contexter .top .info {
  position: absolute;
  margin-left: 40px;
  margin-top: 20px;
  font-size: 40px;
  padding-right: 0;
  display: flex;
}
.contexter .top .info .leftText {
  width: 100px;
}
.contexter .top .info .num {
  width: 100px;
  display: flex;
  flex-direction: column;
}
.contexter .top .stand {
  width: 200px;
  height: 150px;
  margin: auto;
  margin-top: 20px;
  border-radius: 100px 100px 0 0;
  background: blue;
  position: relative;
}
.contexter .top .stand .oldMan {
  position: absolute;
  margin-left: 50%;
  transform: translate(-50%, 0);
  bottom: 0;
  width: 50px;
  height: 100px;
  background: #ccc;
}
.contexter .top .stand .oldMan #catch {
  width: 10px;
  height: 10px;
  background: red;
  position: absolute;
  bottom: 0;
  margin-left: 50%;
  transform: translate(-50%, 0);
}
.contexter .top .stand .oldMan #catch .start {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: pink;
}
.contexter .top .stand .oldMan #catch .end {
  margin-left: 150px;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: yellow;
}
.contexter .top .stand .oldMan .gold {
  position: absolute;
  bottom: 0;
  margin-left: 50%;
}
.contexter .top .stand .oldMan .gold div {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: yellow;
}
.contexter .horizon {
  height: 30px;
  background: #9e7528;
}
.contexter .under {
  height: calc(700px - 200px);
  background: #d8700e;
}
